.article-panel {
	width: 100%;
	height: 80vh;
	background-color: #fff;
	padding-left: 10%;
	padding-right: 10%;
	position: relative;
	display: flex;
}

.article-box {
	background-color: #f5f7fa;
	width: 180px;
	border-radius: 8rpx;
	margin-top: 48rpx;
	padding: 12rpx;
}

.article-box-item {
	width: 100%;
	background-color: transparent;
	padding: 24rpx 0px 24rpx 0px;
	color: #000;
	font-size: 32rpx;
	text-align: center;
}

.article-box-item:hover {
	background-color: #fff;
	width: 100%;
	border-radius: 8rpx;
	cursor: pointer;
}

.article-table {
	margin-top: 48rpx;
	width: 100%;
	background-color: #eeeeee;
	margin-left: 48rpx;
	border-radius: 8rpx;
	padding: 24rpx;
}

.article-content-box{
	position: relative;
	height: 100%;
}

.article-content{
	position: relative;
	height: 80%;
	width: 100%;
}
.article-page{
	height: 160rpx;
}

.article-info{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-content: center;
}
.article-title{
	font-size: 36rpx;
}
.article-title:hover{
	color: #47cfe1;
	cursor: pointer;
}
